body{
  background: #CCC;
}
#center{
  position:fixed;
  left: 30%;
  bottom: 30%;
  width: 30%;
  color: #CCC;
  padding: 10px;
}
#topline{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  color: #CCC;
  background: #333;
  padding: 10px;
}

#bottomline{
  position: fixed;
  height: 55px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  color: #CCC;
  background: #333;
  padding: 20px;
}

#react-content{
  position: fixed;
  top:8.5%;
  bottom: 5%;
  left: 7%;
  width: 80%;
  padding: 10px;
}
#leftbar{
  float: left;
  width: 20%;
}
#rightbar{
  float: left;
  width: 80%;
  text-align: right;
}
#centerlayer{
  position: fixed;
  top:8.5%;
  bottom: 5%;
  left: 0px;
  width: 100%;
  padding: 10px;
}
#lcenter{
  float: left;
  width: 30%;
  height: 600px;
  background: #333;
}

#rcenter{
  float: right;
  width: 70%;
  height: 600px;
  background: #666;
  color: #CCC;
}
